<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      let arr = [10, 20, 30, 40, 50]
      // 遍历的,它仅仅只是用来做遍历，没有返回值
      // let res1 = arr.forEach(v => {
      //     console.log(v) // 每个元素
      // })
      // console.log(res1) // undefined

      // filter它其实跟forEach也能进行遍历
      // 区别在于，它有返回值，只不过返回值是一个数组
      // 这个方法里面，如果return true就会把当前这个元素过滤出来放到返回值的新数组，否则不会放到新数组
      let res1 = arr.filter(v => {
        console.log(v) // 每个元素
        // 只有当元素大于或等于30才过滤出来放到新数组
        if (v >= 30) {
            return true
        }
      })
      console.log(res1) // 
    </script>
  </body>
</html>
